<template>
  <div class="hardMain">
    <div class="hardBody">
      <!-- 状态栏 -->
      <div
        v-bind:style="{
          backgroundColor: statusBarColor,
          height: statusBarHeight + 'px',
        }"
      ></div>
      <!-- 标题栏 -->
      <div class="hardHead">
        <img
          class="hardBarLeft"
          @click="goBackPage"
          src="../assets/img/light/public/ic_back.png"
        />
        <div class="hardBarTitle">固件更新</div>
        <!-- <img class="hardBarRight" src="../assets/img/more.png" @click="goBack" /> -->
      </div>
      <!-- 进度条 -->
      <div class="HardProgressContainer">
        <!-- 1. 使用Canvas绘制 -->
        <!-- <div class="hardProgress">
          <canvas class="progress" id="myCanvas" width="252" height="252">
          </canvas>
        </div> -->

        <!-- 2.  -->
        <my-loading-view></my-loading-view>
      </div>
    </div>
  </div>
</template>
<script>
import "../assets/less/hardupdate.less";
import MyLoadingView from "./custom/MyLoadingView.vue";
import {} from "../assets/js/circleProgress.js";
export default {
  name: "HardUpdatePage",
  components: {
    "my-loading-view": MyLoadingView,
  },
  data() {
    return {
      msg: "固件升级",
      statusBarHeight: 24,
      statusBarColor: "orange",
    };
  },
  methods: {
    goBackPage: function () {
      this.$router.go(-1);
    },
  },
};
</script>
<style scoped>
</style>
